@keyframes visible {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes hidden {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }
}
